HOW TO AUDIT CORE WEB VITALS

您所在的位置:网站首页 pagespeed insights psi HOW TO AUDIT CORE WEB VITALS

HOW TO AUDIT CORE WEB VITALS

2023-04-23 05:05| 来源: 网络整理| 查看: 265

To audit core web vitals Of Any Website, check the following steps-

1. CREATE PAGESPEED INSIGHTS API

To create a free PageSpeed Insights API key, login to Google account and then visit the google developer’s PageSpeed Insights page.

Then, scroll down and click on the ‘Get a Key’ button.

No alt text provided for this image

After Clicking “Get a key” button, then enter the project name, agreeing to the terms and conditions and clicking ‘next’.

No alt text provided for this image

After clicking the next button, the API key will be generated

No alt text provided for this image

The key- AIzaSyCUc4YuFC6v4zEocYREMDraP8pEqeUs848

Click on ‘Done’.

2. CONNECT TO THE PAGESPEED INSIGHTS API

Go to ‘Configuration > API Access > PageSpeed Insights’, on the Screaming frog spider, enter the previously created PageSpeed Insights API key:

No alt text provided for this image

Then click on “Connect” button

3. SELECT THE METRICS

After connecting the API key, go to the Metrics tab. Select either mobile or desktop data. Then select the data from PageSpeed Insights which are reported for each URL.

No alt text provided for this image4. THEN CRAWL THE WEBSITE

Crawl the website after selecting the metrics data.

No alt text provided for this image5. VIEW THE PAGESPEED TAB

Click on the PageSpeed Tab to see all URLs which have speed data reported from the API:

No alt text provided for this image

The PSI Error and PSI Status columns are indicating if the API failed to fetch any data for particular URLs.

6. ANALYSING THE RESULTS

From the PageSpeed tab, if scroll to the right, there are the CrUX metrics collected from the API:

No alt text provided for this image

The first column is the ‘Core Web Vitals Assessment’. This will be marked as either a Pass or a Fail depending on whether It is considered Good in all three Web Vitals.

7. SOLUTION OF THE ISSUESNo alt text provided for this image

Here different filter opportunities are present. Choose the filters one by one to check the issues.

No alt text provided for this image

Export the URLs, and reduce the unused javascript code for these URLs.

Check all the filters one by one. If issues are found, then export the URLs and fix that particular issue, else no need to take action.

Source: How To Audit Core Web Vitals - Thatware



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3